<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <style>
    .nav {
      color: orange;
    }

    .tex {
      width: 400px;
      height: 200px;
    }

    .but {
      width: 100px;
    }
  </style>
</head>

<body>
  <div>
    <img src="D:\HTMLCode\实验\实验四\实验四图片\topgif.gif" alt="" width="700" />
  </div>
  <table width="700">
    <tr>
      南孚电池再续订单
    </tr>

    <tr>
      <td>主题：</td>
      <td class="nav">
        <input type="text" style="width: 400px" />
        *确认汇款主题
      </td>
    </tr>

    <tr>
      <td>类型：</td>
      <td class="nav">
        <select name="" id="">
          <option value="">购买产品</option>
        </select>&nbsp&nbsp&nbsp&nbsp*请选择反馈信息的类型
      </td>
    </tr>

    <tr>
      <td>姓名：</td>
      <td class="nav"><input type="text" />&nbsp&nbsp&nbsp*必填</td>
    </tr>

    <tr>
      <td>地址：</td>
      <td class="nav">
        <input type="text" style="width: 300px" />
        &nbsp&nbsp&nbsp*必须和填写的汇款地址相同
      </td>
    </tr>

    <tr>
      <td>邮编：</td>
      <td class="nav">
        <input type="text" />&nbsp&nbsp&nbsp*必须与填写的汇款邮编相同
      </td>
    </tr>

    <tr>
      <td>E-mail：</td>
      <td class="nav">
        <input type="text" />&nbsp&nbsp&nbsp*必须与填写有效E-mail以方便我们与您联系
      </td>
    </tr>

    <tr>
      <td>联系电话：</td>
      <td><input type="text" /></td>
    </tr>

    <tr>
      <td style="padding-bottom: 200px">其他意见：</td>
      <td><textarea class="tex"></textarea></td>
    </tr>
    <tr>
      <td></td>
      <td>
        <button class="but">提交信息</button>&nbsp&nbsp&nbsp
        <button class="but">重填信息</button>
      </td>
    </tr>
  </table>
</body>

</html>